<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link type="text/css" rel="Stylesheet"
	href="${pageContext.request.contextPath }/css/bootstrap.css">
<link type="text/css" rel="Stylesheet"
	href="${pageContext.request.contextPath }/css/index.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#XinxiGuanLi").click(function() {
			$("#GuanLi").fadeToggle(300);
		})

		$("#XinXiYingYongGuanLi").click(function() {
			$("#YingYongGuanLi").fadeToggle(300);
		})

		$("#XinxiGuanLi").mousemove(function() {
			$(this).css("background-color", "#696969");
		}).mouseout(function() {
			$(this).css("background-color", "black");
		});

		$("#XinXiYingYongGuanLi").mousemove(function() {
			$(this).css("background-color", "#696969");
		}).mouseout(function() {
			$(this).css("background-color", "black");
		});

		$("#YingYongGuanLi").mousemove(function() {
			$(this).css("background-color", "#696969");
		}).mouseout(function() {
			$(this).css("background-color", "black");
		});

		$("#GuanLi").mousemove(function() {
			$(this).css("background-color", "#696969");
		}).mouseout(function() {
			$(this).css("background-color", "black");
		});
	})
</script>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
</head>
<body>

	<div class="row" style="background-color:black;  border: 3px solid #F5F5F5;">
		<div class="col-xs-12 col-sm-6 col-md-8"
			style="background-color: black; border: 1px solid black; width: 280px;">

			<div class="height">

				<div style="padding: 15px 10px; background-color: black;">
					<h1 style="color: white;">
						<img class="img-circle"
							style="width: 40px; height: 40px; vertical-align: bottom;"
							src="images/img.jpg" />APP BMS
					</h1>
				</div>

				<div style="border: 1px solid black; padding: 10px;">
					<img class="img-circle"
						style="width: 40px; height: 40px; vertical-align: bottom; float: left;"
						src="images/img.jpg" /><span id="Color"
						style="font-size: 15px; padding: 20px; 3 px; ">Welcome</span><br />
					<span id="Color" style="font-size: 11px; padding: 25px; 0 px; ">${devUser.devCode}</span>
					<br />
					<p id="Color">${devUser.devName}</p>
				</div>

				<div style="padding: 10px; border: 1px solid black;"
					id="XinxiGuanLi">
					<table>
						<tr>
							<td><img class="img-circle"
								style="width: 40px; height: 40px;"
								src="images/com.realarcade.doj.png" /><span id="Color"
								style="font-size: 22px; padding: 0px 20px;">用户管理</span></td>
						</tr>
					</table>
				</div>

				<div style="padding: 10px; border: 1px solid black; display: none;"
					id="GuanLi">
					<table>
						<tr>
							<td><img class="img-circle"
								style="width: 40px; height: 40px;"
								src="images/com.realarcade.doj.png" /><span id="Color"
								style="font-size: 22px; padding: 0px 20px;">客户管理</span></td>
						</tr>
					</table>
				</div>


				<div style="padding: 10px; border: 1px solid black;"
					id="XinXiYingYongGuanLi">
					<table>
						<tr>
							<td><img class="img-circle"
								style="width: 40px; height: 40px;"
								src="images/com.realarcade.doj.png" /><span id="Color"
								style="font-size: 22px; padding: 0px 20px;">APP管理</span></td>
						</tr>
					</table>
				</div>

				<div style="padding: 10px; border: 1px solid black; display: none;"
					id="YingYongGuanLi">
					<table>
						<tr>
							<td><img class="img-circle"
								style="width: 20px; height: 20px;"
								src="images/com.realarcade.doj.png" /><span id="Color"
								style="font-size: 18px; padding: 0px 20px;"><a href="backinformation">App审核</a></span></td>
						</tr>
					</table>
				</div>
				
		
			</div>

			<div id="DingWei">
				<table style="border: 1px solid black;">
					<tr>
						<td><img class="img-circle"
							style="width: 58px; height: 50px;"
							src="images/12202_1423823022_3258.png" /></td>
						<td><img class="img-circle"
							style="width: 58px; height: 50px;"
							src="images/12202_1457836809_7234.png" /></td>
						<td><img class="img-circle"
							style="width: 58px; height: 50px;"
							src="images/97100_1413809354_8137.png" /></td>
						<td><img class="img-circle"
							style="width: 58px; height: 50px;"
							src="images/com.doodleapps.powdertoy.png" /></td>
					</tr>
				</table>
			</div>
		</div>

		<div class="col-xs-6 col-md-4" style="width: 84%">
			<div class="tou">
				<img style="width: 30px; height: 30px;"
					src="images/12202_1382320119_2819.png" />
				<div class="user">
					<img class="img-circle" style="width: 30px; height: 30px;"
						src="images/img.jpg" /> <span>${devUser.devName}</span>
				</div>
			</div>

			<div
				style="height: 500px; background-color: #F5F5F5; border: 5px solid #808080;">
				<h1>欢迎你:${devUser.devName}</h1>
				<a style="float: right; padding: 50px 0px;">Log Out</a>
			</div>

			<div
				style="background-color: white; padding: 28px; border: 5px solid #808080;">
				<span style="float: right;">@2016 AllRights Reserved</span>
			</div>
		</div>
	</div>


	<!--  
	<table class="table table-hover">
		<tr class="active">
			<td class="active">aaaaa</td>
			<td class="active">aaaaa</td>
			<td class="active">aaaaa</td>
		</tr>
		<tr class="success">
			<td class="success">aa</td>
			<td class="success">aa</td>
			<td class="success">aa</td>
		</tr>
		<tr class="warning">
			<td class="warning">aa</td>
			<td class="warning">aa</td>
		</tr>
		<tr class="danger">
			<td class="danger">aaa</td>
			<td class="danger">aaa</td>
		</tr>
	</table>
-->
</body>
</html>